@charset "utf-8";

/*引入字体*/
@font-face {
 font-family: 'PristinaRegular';
 src: url('Pristina.eot');
 src: local('Pristina Regular'),
        local('Pristina'),
        url('Pristina.woff') format('woff'),
        url('Pristina.ttf') format('truetype'),
        url('Pristina.svg#Pristina') format('svg');
}

/*css reset*/
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:16px/1.5 'Microsoft Yahei','Simsun';  color:#000;background:#fff;-webkit-text-size-adjust: none; min-width:320px;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none}
a{text-decoration:none;color:#1a1a1a}
a:hover, a:active, a:focus{color:#1c5aa2;text-decoration: none;}
a:active{color:#aaa;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%; vertical-align:middle; outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}

.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display: block;}
.clear { clear:both;}
.box { position:relative; width:100%; min-width:1140px; max-width:1440px; _width:expression_r(document.body.clientWidth < 1140? "1140": "100%" ); margin:0 auto;}

/*页头和页尾*/
.header { width:100%; overflow:hidden;}
.header_bg { height:80px; width:100%; background-color:#1f1a17;}
.header_bg2 { width:50%; height:80px; margin-left:50%; background-color:#3c89c8;}
.header .main { width:100%; position:absolute; top:0; left:0;}
.header .main .content { position:relative; width:1140px; margin:0 auto; background-color:#3c89c8;}
.header .main .content>img { float:left; padding-right:30px;} 
.header .main .content>ul { height:80px;}
.header .main .content>ul li { width:110px; position:relative; float:left; text-align:center; line-height:60px; padding-top:20px; cursor:pointer;}
.header .main .content>ul li a {color:#fff; font-size:15px; display:block; width:110px; line-height:60px;}
.header .main .content>ul li ul { position:absolute; left:0; top:80px; background-color:#999; display:none;  z-index:1; padding-bottom:20px;}
.header .main .content>ul>li:hover { background-color:#6aa6d7;}
.header .main .content>ul li:hover ul { display:block; background-color:#3c89c8;}
.header .main .content>ul li ul li a { line-height:40px;}
.header .main .content>.right { float:right; line-height:60px; padding-top:20px;}
.header .main .content>.right>div { float:left; position:relative;}
.header .main .content>.right>div>img {  margin:0 3px;}
.header .main .content>.right>div>div { position:absolute; left:-17px; top:70px; display:none; z-index:1;}
.header .main .content>.right>div:hover div { display:block;}

.footer { background-color:#363636; width:100%; height:66px;}
.footer .main { width:1140px; margin:0 auto; color:#88898b; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:66px;}


/*index*/
.index .mid .top { background-color:#f5f5f5;}
.index .mid .top .main { margin:0 auto; width:1088px; padding:45px 0 75px;}
.index .mid .top .main ul { overflow:auto;}
.index .mid .top .main ul li { width:185px; height:66px; border:1px solid #b9bfc1; float:left; position:relative; padding-left:85px;}
.index .mid .top .main ul li div { width:40px; height:40px; display:table-cell; text-align:center; vertical-align:middle; background-color:#788288; border-radius:3px; position:absolute; top:12px; left:24px;}
.index .mid .top .main ul li:hover div{ background-color:#0069d2;}
.index .mid .top .main ul li h3 { font-size:15px; color:#464749; padding-top:11px;}
.index .mid .top .main ul li p { font-size:12px; font-family:宋体; color:#8d9398;}
.index .mid .top .main .content { text-align:center; margin-top:50px;}
.index .mid .top .main .content p { padding-top:30px; text-align:left; font-size:14px; font-family:宋体; color:#363636; width:720px; margin:0 auto;} 
.index .mid .bottom .img_zone { width:100%; overflow:auto;}
.index .mid .bottom .img_part { width:25%; float:left; position:relative; overflow:hidden; cursor:pointer; }
.index .mid .bottom .img_part img { width:100%;}
.index .mid .bottom .img_part .img_top { position:absolute; top:0; left:0;}

.index .mid .bottom .img_part .img_bottom{
	transition-duration:3s;
	-moz-transition-duration:3s;
	-ms-transition-duration:3s;
	-o-transition-duration:3s;
	-webkit-transition-duration:3s; 

    }
.index .mid .bottom .img_part:hover .img_bottom{
    transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);

    }
.index .mid .bottom .bot { text-align:center; margin:45px 0 56px;}
.index .mid .bottom .bot .p1 { font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#c9caca;}
.index .mid .bottom .bot .p2 { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#c9caca;}

.index .index_bottom { background-color:#464749; padding:68px 0 60px;}
.index .index_bottom .main { width:1085px; margin:0 auto; overflow:auto;}
.index .index_bottom .main div { float:left;}
.index .index_bottom .main .left { width:271px; cursor:pointer;}
.index .index_bottom .main .left h3 { font-size:20px; color:#dcdddd; border-left:5px solid #0069d2; text-indent:5px; margin-bottom:10px;}
.index .index_bottom .main .left h3 span { color:#9fa0a0; font-size:12px;}
.index .index_bottom .main .left p { color:#9fa0a0; font-family:宋体; font-size:12px; margin-top:10px;}
.index .index_bottom .main .mid { width:444px; margin-left:107px;}
.index .index_bottom .main .mid h3 { font-size:20px; color:#dcdddd; border-left:5px solid #0069d2; text-indent:5px; margin-bottom:10px;}
.index .index_bottom .main .mid h3 span { color:#9fa0a0; font-size:12px;}
.index .index_bottom .main .mid img { cursor:pointer;}
.index .index_bottom .main .mid .content { width:280px; float:right;}
.index .index_bottom .main .mid .content h4 { color:#dcdddd; font-size:14px; font-family:宋体; overflow:auto; margin-bottom:20px; cursor:pointer;} 
.index .index_bottom .main .mid .content h4 span { color:#9fa0a0; font-size:14px; font-family:宋体; float:right; font-weight:normal;}
.index .index_bottom .main .mid .content p { color:#9fa0a0; font-size:12px; font-family:宋体; margin-bottom:12px; cursor:pointer;}
.index .index_bottom .main .mid .content h5 { font-weight:normal; color:#9fa0a0; font-size:12px; font-family:宋体; overflow:auto; margin:0; line-height:36px; border-top: 1px dashed #9fa0a0; cursor:pointer;} 
.index .index_bottom .main .mid .content h5 span { float:right; font-size:14px;}
.index .index_bottom .main .right { width:168px; text-align:center; margin:30px 0 0 95px;}
.index .index_bottom .main .right p { font-family:宋体; font-size:12px; color:#c9caca; line-height:30px;}

/*特种陶瓷*/
.tztc_top { width:100%; position:relative;}
.tztc_top>img { width:100%;}
.tztc_top .content { position:absolute; top:146px; left:204px; width:286px;}
.tztc_top .content h3 { font-size:18px; line-height:30px; font-weight:normal;}
.tztc_top .content h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#88addb; font-weight:normal; margin-bottom:30px;}
.tztc_top .content p { font-size:14px; line-height:28px; color:#727171; font-family:宋体;}
.tztc_mid .title { text-align:center; padding:80px 0 100px;}
.tztc_mid .title h3 { width:430px; border-top:4px solid #464749; margin:0 auto; font-size:36px; color:#464749; font-weight:normal; padding-top:8px;}
.tztc_mid .title p { width:430px; border-bottom:1px solid #464749; margin:0 auto; font-size:14px; color:#464749; text-transform:uppercase; padding-bottom:6px;}
.tztc_mid .main { width:960px; margin:0 auto; padding-bottom:130px;}
.tztc_mid .main .part { overflow:auto; margin-bottom:20px;}
.tztc_mid .main .part>img { float:left;}
.tztc_mid .main .part .right { width:490px; float:left; padding:60px 16px 0 24px;}
.tztc_mid .main .part .right .title_img { padding-left:70px;}
.tztc_mid .main .part .right p{ font-size:14px; line-height:24px; color:#727171; font-family:宋体; margin:30px 0 25px; padding-left:70px;}
.tztc_mid .main .part .right .zx_right { float:right; padding-left:24px;}

.tztc_mid .main .part .left { width:514px; float:left; padding:60px 16px 0 0;}
.tztc_mid .main .part .left p{ font-size:14px; line-height:24px; color:#727171; font-family:宋体; margin:30px 0 25px;}
.tztc_mid .main .part .left .zx_right { float:right;}

.tztc_bottom { overflow:hidden; position:relative; border-top:14px solid #000;}
.tztc_bottom .tztc_banner { margin-left:-55%; width:210%; }
.tztc_bottom .left { position:absolute; width:15%; left:0; top:0; background:url(../images/bg_000_60.png) repeat;}
.tztc_bottom .right { position:absolute; width:15%; right:0; top:0; background:url(../images/bg_000_60.png) repeat;}
.tztc_bottom .content { width:465px; height:195px; background:url(../images/bg_000_40.png) repeat; position:absolute; left:20%; top:130px; padding:30px 25px 25px;}
.tztc_bottom .content h3 { font-size:36px; color:#fff; border-left:10px solid #0069d2; text-indent:14px;}
.tztc_bottom .content .main { height:72px;  margin-top:30px;}
.tztc_bottom .content p { font-size:12px; line-height:24px; color:#fff; font-family:宋体; display:none;}
.tztc_bottom .content .page_box { color:#fff; text-align:right;}
.tztc_bottom .content .page_box .tztc_left, .tztc_bottom .content .page_box .tztc_right { cursor:pointer;}
.tztc_bottom .content .page_box span { font-family:Arial, Helvetica, sans-serif; font-size:36px; line-height:60px;}
.tztc_bottom .content .page_box .span1 { margin-left:10px;}
.tztc_bottom .content .page_box .span2 { margin-right:10px;}

/*品牌资讯*/
.ppzx { position:relative;}
.ppzx_top img { width:100%;}
.ppzx_main .top { border-bottom:1px solid #eaeaea;}
.ppzx_main .top p { background:url(../images/home.jpg) no-repeat left; width:1140px; margin:0 auto; text-indent:24px; color:#4d4852; font-size:12px; font-family:宋体; line-height:78px;}
.ppzx_main .top p span { cursor:pointer;}
.ppzx_main .ppzx_content{ width:1140px; margin:0 auto; overflow:auto;}
.ppzx_main .ppzx_content .left { width:814px; border-right:1px solid #eaeaea; padding-top:68px;}
.ppzx_main .ppzx_content .left .part { width:740px; overflow:auto; border-bottom:1px solid #eaeaea; margin-bottom:24px; cursor:pointer;}
.ppzx_main .ppzx_content .left .last { border-bottom:none;}
.ppzx_main .ppzx_content .left .part div { float:left;}
.ppzx_main .ppzx_content .left .part .date { width:65px;}
.ppzx_main .ppzx_content .left .part .date h3 { font-family:Myriad Pro; line-height:60px; font-weight:bold; font-size:60px; color:#c9caca; border-bottom:1px solid #c9caca;}
.ppzx_main .ppzx_content .left .part .date p { color:#c9caca; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px;}
.ppzx_main .ppzx_content .left .part .date p span { float:right;}
.ppzx_main .ppzx_content .left .part .part_main { width:640px; float:right;}
.ppzx_main .ppzx_content .left .part .part_main>img { width:100%;}
.ppzx_main .ppzx_content .left .part .part_main h3 { font-size:24px; line-height:40px; margin-top:20px; margin-bottom:30px;}
.ppzx_main .ppzx_content .left .part .part_main h3 img { margin-right:18px;}
.ppzx_main .ppzx_content .left .part .part_main p { font-size:14px; line-height:28px; font-family:宋体; color:#727171;}
.ppzx_main .ppzx_content .left .part .part_main h4 { color:#3f3a39; font-size:14px; line-height:28px; font-family:宋体; font-weight:bold; text-align:right; margin-top:5px; cursor:pointer; margin-bottom:60px;}
.ppzx_main .ppzx_content .right { float:right; width:294px;  padding-top:68px;}
.ppzx_main .ppzx_content .ppzx_banner_box { position:relative;}
.ppzx_main .ppzx_content .ppzx_banner_box p { position:absolute; top:10px; font-family:宋体; font-size:18px; color:#fff; width:96%; padding:0 2%;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.ppzx_main .ppzx_content .ppzx_banner_box p span { cursor:pointer;}
.ppzx_main .ppzx_content .ppzx_banner_box p .span1 { float:right;}
.ppzx_main .ppzx_content .right .content h3 { font-size:18px; border-left:4px solid #3c89c8; text-indent:3px; margin:24px 0 16px;}
.ppzx_main .ppzx_content .right .content p { font-family:宋体; font-size:14px; line-height:40px; border-top:1px solid #eaeaea; cursor:pointer;}
.ppzx_main .ppzx_content .right .content p span { float:right;}
.ppzx_main .ppzx_content .right .content p:hover { text-decoration:underline; color:#3c89c8;}
.ppzx_main .ppzx_content .right .content .active { text-decoration:underline; color:#3c89c8;}

.ppzx_detail { position:fixed; top:0; left:0; height:100%; width:100%; background:url(../images/bg_000_50.png) repeat; display:none;}
.ppzx_detail .main { width:940px; height:470px; background-color:#fff; margin:0 auto; padding:70px 15px 50px 35px; position:relative;}
.ppzx_detail .main .left { width:500px;}
.ppzx_detail .main .left .banner_box { widows:100%; border:1px solid #e9e9e9; height:390px; position:relative;}
.ppzx_detail .main .left .banner_box .ppzx_detail_banner { width:485px; margin:0 auto;}
.ppzx_detail .main .left .banner_box .ppzx_detail_banner img { max-width:490px; max-height:385px;}

.ppzx_detail .main .left .banner_box span { position:absolute; top:10px; font-family:宋体; font-size:18px; color:#fff; width:100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; display:block; text-align:center; line-height:45px; cursor:pointer; background:url(../images/bg_000_20.png) repeat; width:25px; height:45px;}
.ppzx_detail .main .left .banner_box .span1 { right:0;}
.ppzx_detail .main .left>p { text-align:center; font-size:12px; color:#727171; font-family:宋体; margin-top:12px;}
.ppzx_detail .main .left>p .p_main { display:none;}
.ppzx_detail .main .right { width:360px; float:right; overflow-y:scroll; height:478px; padding-right:10px;}
.ppzx_detail .main .right h3 { font-size:24px;}
.ppzx_detail .main .right h4 { font-size:12px; font-family:宋体; line-height:24px; overflow:auto; margin-bottom:30px;}
.ppzx_detail .main .right h4 span { float:right;}
.ppzx_detail .main .right p {font-size:14px; font-family:宋体; line-height:28px; color:#727171;}
.ppzx_detail .main .esc { width:40px; height:40px; background-color:#000; color:#fff; line-height:40px; text-align:center; font-size:30px; font-family:宋体; position:absolute; right:-40px; top:0; cursor:pointer;}
.ppzx_detail .main .esc span{
	transition-duration:3s;
	-moz-transition-duration:3s;
	-ms-transition-duration:3s;
	-o-transition-duration:3s;
	-webkit-transition-duration:3s;
    }
.ppzx_detail .main .esc span:hover{ 
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); 	/* Opera */
	}

/*品牌产品*/
.ppcp { position:relative;}
.ppcp_top img { width:100%;}
.ppcp_main .top { border-bottom:1px solid #eaeaea; margin-bottom:76px;}
.ppcp_main .top p {  background:url(../images/home.jpg) no-repeat left; width:1140px; margin:0 auto; text-indent:24px; color:#4d4852; font-size:12px; font-family:宋体; line-height:78px;}
.ppcp_main .top p span { cursor:pointer;}
.ppcp_main .top .right { line-height:76px; float:right; text-align:center; text-indent:0; padding:0 3px; margin:0 20px;}
.ppcp_main .top .active, .ppcp_main .top .right:hover { border-bottom:2px solid #10a4e1;}
.ppcp_main .main { width:1140px; margin:0 auto;}
#cp2_waterfall  { position:relative; padding-bottom:100px;}
#cp2_waterfall .pin .img_box { width:250px; height:250px; display:table-cell; text-align:center; vertical-align:middle;}
#cp2_waterfall .pin { border:1px solid #e5e3e0; margin-bottom:78px; cursor:pointer;}
#cp2_waterfall .pin:hover { border:1px solid #4e4840;}
#cp2_waterfall .pin p { font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#676767; text-align:center; margin:10px 0;}
#navigation {text-align:center; margin-left:40%; position:absolute; bottom:20px;}
.ppcp_main .main_detail { width:1140px; margin:0 auto; overflow:auto; padding-bottom:30px;}
.ppcp_main .main_detail .left { width:468px; padding-bottom:50px;}
.ppcp_main .main_detail .left p { font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin:10px 0;}
.ppcp_main .main_detail .left p img { margin-left:5px;}
.ppcp_main .main_detail .left ul { overflow:auto;}
.ppcp_main .main_detail .left ul li { float:left; margin-right:4px;}
.ppcp_main .main_detail .left ul li div  { width:110px; height:110px; display:table-cell; text-align:center; vertical-align:middle; border:1px solid #d0d0d0; cursor:pointer;}
.ppcp_main .main_detail .left ul li div img { max-height:108px; max-width:108px;}
.ppcp_main .main_detail .left ul li .active, .ppcp_main .main_detail .left ul li div:hover { width:108px; height:110px; border:2px solid #418cca;}
.ppcp_main .main_detail .right { float:right; width:520px;}
.ppcp_main .main_detail .right .part { margin-bottom:56px;}
.ppcp_main .main_detail .right .part h3 { font-size:18px; border-left:4px solid #3c89c8; text-indent:8px; margin-bottom:14px;}
.ppcp_main .main_detail .right .part h3 span { float:right; font-size:12px; color:#727171; font-family:宋体;}
.ppcp_main .main_detail .right .part table {width:100%; border-spacing:0; text-align:center;}
.ppcp_main .main_detail .right .part table tr th { height:36px; width:25%; background-color:#3c89c8; font-size:14px; font-family:宋体; color:#fff;}
.ppcp_main .main_detail .right .part table tr td { height:36px; width:25%; background-color:#f3f3f3; font-size:14px; color:#727171;}
.ppcp_main .main_detail .right .part table .tr2 td { background-color:#ebebeb;}
.ppcp_main .main_detail .right .part .content { font-size:14px; line-height:24px; color:#757373; padding-top:14px; border-top:1px solid #e5e5e5;}
.ppcp_main .main_detail .right .part .img_zone { position:relative;}
.ppcp_main .main_detail .right .part .img_zone img { width:100%;}
.ppcp_main .main_detail .right .part .img_zone p { position:absolute; bottom:0; background-color:#3c89c8; line-height:30px; width:100%; font-size:14px; font-family:宋体; color:#fff; text-align:center;}
#alzs_waterfall  { position:relative; padding-bottom:100px;}
#alzs_waterfall .pin .img_box { width:250px; height:250px; display:table-cell; text-align:center; vertical-align:middle;}
#alzs_waterfall .pin { border:1px solid #e5e3e0; margin-bottom:78px;}
#alzs_waterfall .pin p { font-size:14px; line-height:46px; height:46px; width:340px; font-family:宋体; color:#fff; text-align:center; background-color:#3c89c8; display:block;}
#navigation {text-align:center; margin-left:40%; position:absolute; bottom:20px;}

/*联系我们*/
.lxwm>img { width:100%;}
.lxwm .main { width:876px; margin:0 auto; padding:130px 0 150px; overflow:hidden;}
.lxwm .main>img { display:block; margin:0 auto; margin-bottom:50px;}
.lxwm .main .left p { font-size:14px; color:#464749; font-family:Arial, Helvetica, sans-serif;}
.lxwm .main .left p span { border-bottom:4px solid #464749;}
.lxwm .main .left .p1 { margin-top:56px;}
.lxwm .main .left .p2 { margin-top:166px;}
.lxwm .main .right { float:right; width:630px;}
.lxwm .main .right p { color:#464749; font-size:14px; line-height:26px; font-family:宋体;}
.lxwm .main .right .part1 p { margin-bottom:50px;}
.lxwm .main .right .part2 span { margin-left:40px;}
.lxwm .main .right .part2 h3 { font-size:47px; font-family:Tahoma;}
.lxwm .main .right .part2 h3 img { border-right:1px solid #000; padding-right:8px; margin-right:8px;}
.lxwm .main .right .part3 p { overflow:auto; margin-top:12px;}
.lxwm .main .right .part3 span { display:block; float:left; width:210px; margin-top:26px;}
.lxwm .main .right .part3 input { width:200px; margin-right:8px; line-height:30px; border:1px solid #000; text-indent:5px;}
.lxwm .main .right .part3 .last { margin-right:0;}
.lxwm .main .right .part3 textarea { width:620px; height:146px; border:1px solid #000; text-indent:5px; line-height:30px;}
.lxwm .main .right button { float:right; font-family:宋体; font-size:14px; line-height:30px; width:90px; background-color:#0069d2; color:#fff; border:none; margin-top:20px;}


.img-center{ max-width:100%; max-height:100%; display:block; margin:0 auto;}

.loading{width:100%; text-align:center;}

.floatbox { width:482px; height:145px; overflow:hidden; position:fixed; right:-442px; top:50%; z-index:10; margin-top:-70px;}
.floatbox div { width:14px; height:145px; overflow:hidden; float:left; background:url(../hui.png); background:rgba(201,201,201,.6); font-size:14px; font-family:"微软雅黑"; padding:13px; line-height:17px; cursor:pointer; color:#a40000;}
.floatbox a { width:145px; height:145px; overflow:hidden; float:left; margin-right:2px; display:block; float:left;}